<!--
 * @Description: 个人信息 抽屉
 * @Version: 1.0
 * @Author: yxx
 * @Date: 2023-10-21 19:34:49
 * @LastEditors: yxx
 * @LastEditTime: 2025-05-20 13:49:02
-->
<template>
  <div class="drawer-container">
    <el-drawer v-model="isDialog" append-to-body title="个人信息" size="800px">
      <div class="main" style="height: 100%; padding-top: 10px">
        <el-tabs tab-position="left" style="height: 100%">
          <el-tab-pane label="基础设置">
            <InfoForm />
          </el-tab-pane>
          <el-tab-pane label="修改密码">
            <PasswordForm />
          </el-tab-pane>
        </el-tabs>
      </div>
    </el-drawer>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue"
import InfoForm from "./InfoForm.vue"
import PasswordForm from "./PasswordForm.vue"

const isDialog = ref(false)

/** 弹窗 打开 */
const handleOpen = () => {
  isDialog.value = true
}

defineExpose({ handleOpen })
</script>
